/*@media screen {
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: bold;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url('./PT_Sans-Web-Bold.ttf') format('woff');
}
}
@media screen {
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: local('PT Sans'), local('PTSans-Regular'), url('./PT_Sans-Web-Regular.ttf') format('woff');
}
}*/

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
body
{
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    color: #000;
    background: #efefef url('./images/bgshadow.png') repeat-y scroll center top;
    padding: 0;
    margin: 0;
}

header 
{
    width: 100%;
	background: #e0e0e0 url('./images/bgshadow_darker.png') repeat-y scroll center top;
}

#header-top 
{
    position: relative;
    width: 960px;
    height: 125px;
    margin: 0 auto;
}

nav
{
    font-family: /*'PT Sans',*/ Tahoma, Verdana, Sans-Serif;
}



#top-area 
{
    height: 259px;
}

#content-area 
{
    min-height: 800px;
    color: #000;
}

#content-boxes 
{
    width: 660px;
    min-height: 600px;
    margin-top: 6px;
    float: left;
}

footer 
{
    width: 960px;
    background-color: #f0ebc5;
    color: #333;
    font-size: 0.88em;
    text-align: center;
    line-height: 36px;
	margin: 0 auto;
	border-radius: 0;
	border-top-left-radius: 24px;
}

footer a, footer a:visited, footer a:hover
{
    color: #333;
}

footer img
{
	vertical-align: middle;
}

.clear
{
    clear: both;
}

.centered-block, #main-area
{
    display: block;
    width: 940px;
    margin: 0 auto;
}

a img 
{
    border: 0;
}

h1
{
    font-size: 1.6em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.2em;
}


/****************   TOP BAR    ****************/

#topbar
{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 205px;
    height: 89px;
}

.language, .sitemap, .moody
{
    display: block;
    position: relative;
    float: right;
    background: transparent url('./images/lang.gif') no-repeat;
    width: 23px;
    line-height: 29px;
    color: #fff;
    padding-left: 10px;
    margin: 0;
}

.sitemap
{
    background: transparent url('./images/sitemap.gif') no-repeat left top;
}

.moody 
{
    background: transparent url('./images/moody.gif') no-repeat left top;
    width: 100px;
    line-height: normal;
    font-size: 0.7em;
    padding-left: 5px;
    padding-top: 4px;
    height: 29px;
}

.search-box
{
    display: block;
    position: relative;
    height: 26px;
    margin-top: 14px;
}

.search-box input
{
    margin: 0;
    padding: 0;
    height: 26px;
}

.search-box input[type=image]
{
    vertical-align: middle;
}

.search-box input[type=search]
{
    width: 170px;
    text-indent: 4px;
    font-size: 1.1em;
    color: #999;
}


/****************   LIST BOX (BASE FOR NEWS, ANNOUNCEMENTS, CALENDAR)    ****************/

.list-box
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1em;
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #dadada;
	display: block;
	position: relative;
}

.list-box .title
{
    font-family: 'PT Sans', Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: 0.04em;
    border-bottom: 3px solid #7e0e26;
    line-height: 22px;
    color: #7e0e26;
    text-indent: 4px;
}

.list-box .title a, .list-box .title a:visited, .list-box .title a:hover
{
	color: #7e0e26;
	text-decoration: none;
}

.list-box .title a.inactive, .list-box .title a.inactive:visited, .list-box .title a.inactive:hover
{
	color: #999;
}

.list-box .content
{
    padding: 12px 8px 0 8px;
}

a.more, a.more:visited
{
    color: #7e0e26;
    text-decoration: none;
    border-bottom: 1px solid #7e0e26;
    font-size: 0.88em;
	position: absolute;
	bottom: 0;
	right: 0;
}

a.more:hover
{
    color: #B31739;
}


/****************   IN FOCUS    ****************/

#in-focus 
{
    width: 660px;
    height: 240px;
    margin-top: 4px;
    background: #fff url('./news/bobchev-1.jpg') no-repeat right top;
    float: left;
    position: relative;
    overflow: hidden;
}

.in-focus-item
{
    display: none;
    position: relative;
    margin-left: 0px;
}

#in-focus-1
{
    display: block;
}

.in-focus-item img
{
    width: 408px;
    height: 240px;
}

.in-focus-overlay
{
	display: none;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 634px;
    line-height: normal;
    padding: 12px;
    background-color: #333;
    color: #fff;
    font-size: 1.7em;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#in-focus ul
{
    margin:0;
    padding:0;
    list-style:none;
}

#in-focus ul li
{
    margin:0;
    padding:0;
}

#in-focus-navigation
{
	position: absolute;
	bottom: 0;
	left: 22px;
	width: 658px;
	height: 20px;
	background-color: #333;
	opacity: 0.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

#prev-btn a, #prev-btn a:visited, #prev-btn a:hover, #next-btn a, #next-btn a:visited, #next-btn a:hover
{
	color: #fff;
	line-height: 20px;
	text-decoration: none;
}

#prev-btn
{
	float: left;
	background: #333 url('./images/prev-btn.png') no-repeat left top;
	padding-left: 20px;
	cursor: hand;
	cursor: pointer;
}

#next-btn
{
	float: right;
	background: #333 url('./images/next-btn.png') no-repeat right top;
	padding-right: 20px;
	cursor: hand;
	cursor: pointer;
}

#login
{   font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 20px 0;
}
#login a
{
	float: right;
	color: #B31739;
    text-decoration: none;
}
#login a:hover
{
    text-decoration: underline;
}
/****************   RIGHT MENU (QUICKLINKS)    ****************/

#right-menu
{
    display: block;
    position: relative;
    width: 260px;
    height: 240px;
    margin-top: 4px;
    float: right;
    background: #fafafa url('./images/u7_bg.png') no-repeat left top;
    border: 1px solid #ccc;
    border-left: 0;
	border-radius: 8px;
}

#right-menu nav
{
    display: block;
    position: relative;
    height: 240px;
    z-index: 10;
    text-align: left;
    margin: 6px 10px 6px 30px;
}

#right-menu nav ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#right-menu nav ul li a, #right-menu nav ul li a:visited 
{
    color: #B31739;
    text-decoration: none;
    font-size: 12px;
	font-weight: bold;
}

#right-menu nav ul li a:hover 
{
    text-decoration: underline;
}

#right-menu nav ul li ul li a, #right-menu nav ul li ul li a:visited
{
    color: #444;
    text-decoration: none;
    font-size: 11px;
	font-weight: normal;
    display: block;
    padding: 2px;
    line-height: 11px;
}

#right-menu nav ul li ul li a:hover
{
    text-decoration: underline;
}

#right-menu nav ul li
{
    margin-bottom: 4px;
}

#right-menu nav ul li ul
{
	margin-top: 2px;
}

#right-menu nav ul li ul li
{
    margin: 0 2px 0 0;
    display: inline-block;
    width: 106px;
    /* IE<9 hack (doesn't render inline-block as expected): */
    zoom: 1;
    *display: inline;
    /* End of hack */
}


/****************   NEWS    ****************/

#news 
{
    width: 408px;
	min-height: 470px;
    float: left;
}

.news-item
{
    display: block;
    margin: 0 0 24px 0;
    padding: 0;
	min-height: 42px;
}

.news-item img 
{
    border: 1px solid #ccc;
    padding: 2px;
    margin-right: 4px;
    float: left;
}

a.news-title, a.news-title:visited, a.news-title:hover
{
    font-size: 1.08em;
    color: #000;
    text-decoration: none;
}

a.news-title:hover
{
    color: #B31739;
    text-decoration: underline;
}

/****************   VIDEO    ****************/

#video
{
    width: 660px;
    clear: both;
    margin-top: 20px;
}

#video .video
{
    float: left;
    width: 150px;
    position: relative;
    padding: 0 4px;
    border-left: 1px solid #efefef;
}

#video img.play
{
    position: absolute;
    top: 24px;
    left: 64px;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

#video a.video-title, #video a.video-title:hover, #video a.video-title:visited
{
    color: #333;
    text-decoration: none;
    font-size: 1em;
}

#video a.video-title:hover
{
    color: #B31739;
    text-decoration: underline;
}

#video .title a
{
	background-color: #7e0e26;
	color: #fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 2px 8px;
}

#video .title a.inactive
{
	background-color: #dadada;
	color: #7e0e26;
}


/****************   CALENDAR    ****************/

#calendar
{
    width: 240px;
	min-height: 470px;
    float: right;
}

.calendar-item
{
    display: block;
    border-bottom: 1px dotted #efefef;
}

.calendar-item .date
{
    float: left;
    width: 26px;
    text-align: right;
    color: #B31739;
    font-size: 1.1em;
    text-transform: uppercase;
}

.calendar-item .description
{
    float: right;
    width: 192px;
    margin-bottom: 16px;
}

.calendar-item .description a
{
    color: #000;
    text-decoration: none;
    font-size: 1em;
}

.calendar-item .description a:hover
{
    color: #B31739;
    text-decoration: underline;
}

.calendar-item .description .timeplace
{
    color: #666;
    background-color: #efefef;
    font-size: 0.9em;
}


/****************   MORE LINKS (SIDEBAR)    ****************/

#more-links
{
    display: block;
    position: relative;
    width: 260px;
    padding-bottom: 40px;
    float: right;
    z-index: 10;
    background-color: #fff;
	border: 1px solid #fff;
    margin-top: -10px;
    min-height: 560px;
}

#more-links .box
{
	background: #fafafa url('./images/x2.png');
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 0;
	margin-top: 10px;
	position: relative;
}

#more-links .box .boxwrap
{
	margin: 10px;
}

#more-links .box .label
{
	background-color: #999;
	color: #fff;
	border-radius: 8px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 4px 0;
	margin: 0;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#more-links h3
{
    margin: 10px 10px 0 5px;
    padding: 0;
}

#more-links h3 a, #more-links h3 a:visited
{
    font-size: 16px;
    font-variant: small-caps;
    color: #B31739;
    font-weight: normal;
    text-decoration: none;
}

#more-links h3 a:hover 
{
    color: #6e0000;
}

#more-links ul
{
    padding: 0;
    margin: 2px 10px 0 10px;
    list-style: none;
}

#more-links ul li
{
	margin-bottom: 4px;
}

#more-links ul li a, #more-links ul li a:visited
{
    color: #333;
    text-decoration: none;
    font-size: 0.98em;
}

#more-links ul li a:hover 
{
    text-decoration: underline;
}

#more-links img
{
    margin-left: 5px;
}


/****************   BOTTOM BOXES    ****************/

.partners
{
	display: block;
	height: 82px;
	padding-left: 42px;
	border: 1px solid #ccc;
    margin-top: 20px;
    border-radius: 8px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 16px;
}

#partners
{
	float: left;
	width: 408px;
	
	background: #fafafa url('./images/lbl-partners-bg.png') no-repeat left top;
}

#media
{
	float: left;
	width: 148px;
	margin-left: 15px;
	
	background: #fafafa url('./images/lbl-media-bg.png') no-repeat left top;
}

#quality
{
	float: right;
	width: 216px;
	
	background: #fafafa url('./images/lbl-quality-bg.png') no-repeat left top;
}

.partners img
{
	margin: 10px;
}

#quality img
{
	margin: 20px;
}

/****************   FORM STYLES    ****************/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/****************   ERRORS    ****************/

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
